<template>
  <div class="footer">
    <yd-tabbar fixed  active-class="current" active-color="#888">
      <yd-tabbar-item title="首页" link="/Home" active>
          <yd-icon name="home" slot="icon" size="0.54rem"></yd-icon>
      </yd-tabbar-item>
      <yd-tabbar-item title="购物车" link="/ShopCart" active>
          <yd-icon name="shopcart-outline" slot="icon" size="0.54rem"></yd-icon>
      </yd-tabbar-item>
      <yd-tabbar-item title="个人中心" link="/My" dot active>
          <yd-icon name="ucenter-outline" slot="icon" size="0.54rem"></yd-icon>
      </yd-tabbar-item>
      <yd-tabbar-item title="论坛" link="/Message" active>
          <yd-icon name="feedback" slot="icon" size="0.54rem"></yd-icon>
          <!-- <img slot="icon" src="http://static.ydcss.com/ydui/img/logo.png"> -->
          <yd-badge slot="badge" type="danger">22</yd-badge>
      </yd-tabbar-item>
    </yd-tabbar>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss">
  .footer{
    .current{
      color: #0078de;
    }
  }
</style>
